body{
    font-size: 11px;
    background-color:#4C4C4C;
}
.chart {
    background-color: white;
    margin-left: 40px;
}

span{
    font-size: 12px;
}

span.equation,.a-display,.b-display, span.squared{
    font-size: 18px;
}

.hero-unit{
    margin: 0;
}

.chart text {
    fill: #AAAAAA;
    font: 10px sans-serif;
}

.chart line {
    stroke: #EEEEEE;
}

.chart .best-fit{
    stroke: darkorange;
}

.chart .error-line{
    stroke: black;
    stroke-width: 3;
    stroke-dasharray: 2,2;
}

.chart .datapoint{
    fill: blue;
}

h2{
    text-align: center;
    margin: 0;
}

.selected {
    stroke: black;
}

.x-adder {
    width:20%;
}
.y-adder {
    width:20%;
}

/*
button {
    margin: 5px;
}
*/

/*
button:hover{
    border-radius: 5px;
    box-shadow: 2px 2px black;
    background: lightblue;
    border:2px solid green;
}
*/
.point-error{
    position: absolute;
    z-index: 10;
    visibility: hidden;
    padding: 5;
    width: 100;
    height: 60;
    background: #F5F5F5;
    color: black;
/*    border: 2px solid black;*/
}

.x-display:hover {
    cursor: pointer;
    font-size: 12px;
}

.y-display:hover {
    cursor: pointer;
    font-size: 12px;
}
.a-display:hover {
    cursor: pointer;
    font-size: 12px;
}
.b-display:hover {
    cursor: pointer;
    font-size: 12px;
}
.c-display:hover {
    cursor: pointer;
    font-size: 12px;
}

.a-slider{
    width:60%;
}
.b-slider{
    width:60%;
}
.c-slider{
    width:60%;
}
.point-number{
    width:20%;
}
table{
/*    height: 100%;*/
    font-size: 10px;
    margin: 5px;
}

div.data-table-main{
    overflow-x: hidden;
    overflow-y: auto;
    width:100%;
    height:341px;
   }